<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/png" sizes="any" th:href="@{/svg/icon.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/default.css}">
    <title>登录 - 乔翼云 QoviCloud</title>
    <style>
        .log-in{
            text-align: center;
            margin: auto;
            border: 0;
        }
        .log-in td{
            border: 3px solid #00000000;
        }
        .log-in input{
            height: 25px;
        }
        .log-in button{
            height: 30px;
            width: 100%;
        }
    </style>
</head>
<body><!--这里是头部-->
    <div id="head-navi"></div>
    <header></header>
<!--这个是主体正文内容-->
    <div class="content">
        <p th:style="${not#strings.isEmpty(tips_warn)}? ${tips_warn}" th:text="${not#strings.isEmpty(tips)}? ${tips} : ' '"></p>
        <table class="log-in">
            <thead>欢迎使用 QoviCloud 乔翼云</thead>
            <th colspan="2">登录到乔翼云</th>
            <form th:action="@{/userlogin}" method="post">
<!--                <p>　账号　<input type="text" name="username" /></p>-->
<!--                <p>　密码　<input type="password" name="password" /></p>-->
<!--                <input type="submit" value="登录" />-->

            <tr>
                <td>　账号　</td><td><input type="text" name="username" placeholder="输入您的账号" title="输入您的账号" /></td>
            </tr>
            <tr>
                <td>　密码　</td><td><input type="password" name="password" placeholder="输入您的密码" title="输入您的密码" /></td>
            </tr>
            <tr>
                <td></td><td><button type="submit" value="登录" title="登录">登录</button></td>
            </tr>
            </form>
            <tr><td colspan="2">没有Qovi账号？<a th:href="@{/register}">点击注册</a></td></tr>
        </table>
    </div>

<!--这里是尾部-->
    <footer>-- Qovi网盘 --</footer>
    <div id="footer"></div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#head-navi").load("/head-navi");
        $("#footer").load("/footer");
    });
</script>
</html>